<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue-v2.6.14.js"></script>
</head>
<body>
<div id="app">
    <ul>
        <li v-for="a in arr">{{a}}</li>
    </ul>
    <ul>
        <li v-for="(ele,index) in arr">{{index+ "：" + ele}}</li>
    </ul>
    <ul>
        <li v-for="(value, key) in student">
            {{key}} ： {{value}}
        </li>
    </ul>


    <table border="1">
        <tr v-for="e in stus">
            <td>{{e.id}}</td>
            <td>{{e.name}}</td>
            <td>{{e.age}}</td>
        </tr>
    </table>
</div>

</body>
<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {
            arr: ['张金源', '朱亚晨', '肖帅', '崔康腾', '逯国宏'],
            student : {
                id: 1,
                name: '朱岭',
                age: 18
            },
            stus :[
                {
                    id: 1,
                    name: '朱岭',
                    age: 18
                },
                {
                    id: 2,
                    name: '荣超',
                    age: 18
                },
                {
                    id: 3,
                    name: '郭云亮',
                    age: 18
                }
            ]
        },
        methods:{

        }
    });
</script>
</html>